
<template name="htmlParseImg">
    <image :class="item.attr.class" :data-index="item.index" :data-src="item.attr.src" :src="item.attr.src" bindload="htmlParseImgLoad" @tap="htmlParseImgTap" :style="'width:' + htmlParseImg[item.index].width + 'px;height:' + htmlParseImg[item.index].height + 'px;' + item.attr.style"></image>
</template>

<template name="htmlParse">
    <view class="htmlRoot">
        <block v-for="(item, index) in xml" :key="index">
            <htmlParse0 is="htmlParse0" :data="index:index,item:item,htmlParseImg:htmlParseImg"></htmlParse0>
        </block>
    </view>
</template>

<template name="htmlParse0">
    <block v-if="item.tag == 'text'">
        <text :stylee="item.attr.style">{{item.text}}</text>
    </block>
    <block v-else-if="item.tag == 'img'">
        <htmlParseImg is="htmlParseImg" :data="item:item,htmlParseImg:htmlParseImg"></htmlParseImg>
    </block>
    <block v-else-if="item.tag == 'br'">
        <view class="br"></view>
    </block>
    <view v-else-if="item.child" :class="item.tag + ' ' + item.attr.class" :stylee="item.attr.style">
        <block v-for="(ctem, index) in item.child" :key="index">
            <htmlParse1 is="htmlParse1" :data="index:cndex,item:ctem,htmlParseImg:htmlParseImg"></htmlParse1>
        </block>
    </view>
</template>
<template name="htmlParse1">
    <block v-if="item.tag == 'text'">
        <text :stylee="item.attr.style">{{item.text}}</text>
    </block>
    <block v-else-if="item.tag == 'img'">
        <htmlParseImg is="htmlParseImg" :data="item:item,htmlParseImg:htmlParseImg"></htmlParseImg>
    </block>
    <block v-else-if="item.tag == 'br'">
        <view class="br"></view>
    </block>
    <view v-else-if="item.child" :class="item.tag + ' ' + item.attr.class" :stylee="item.attr.style">
        <block v-for="(ctem, index) in item.child" :key="index">
            <htmlParse2 is="htmlParse2" :data="index:cndex,item:ctem,htmlParseImg:htmlParseImg"></htmlParse2>
        </block>
    </view>
</template>
<template name="htmlParse2">
    <block v-if="item.tag == 'text'">
        <text :stylee="item.attr.style">{{item.text}}</text>
    </block>
    <block v-else-if="item.tag == 'img'">
        <htmlParseImg is="htmlParseImg" :data="item:item,htmlParseImg:htmlParseImg"></htmlParseImg>
    </block>
    <block v-else-if="item.tag == 'br'">
        <view class="br"></view>
    </block>
    <view v-else-if="item.child" :class="item.tag + ' ' + item.attr.class" :stylee="item.attr.style">
        <block v-for="(ctem, index) in item.child" :key="index">
            <htmlParse3 is="htmlParse3" :data="index:cndex,item:ctem,htmlParseImg:htmlParseImg"></htmlParse3>
        </block>
    </view>
</template>
<template name="htmlParse3">
    <block v-if="item.tag == 'text'">
        <text :stylee="item.attr.style">{{item.text}}</text>
    </block>
    <block v-else-if="item.tag == 'img'">
        <htmlParseImg is="htmlParseImg" :data="item:item,htmlParseImg:htmlParseImg"></htmlParseImg>
    </block>
    <block v-else-if="item.tag == 'br'">
        <view class="br"></view>
    </block>
    <view v-else-if="item.child" :class="item.tag + ' ' + item.attr.class" :stylee="item.attr.style">
        <block v-for="(ctem, index) in item.child" :key="index">
            <htmlParse4 is="htmlParse4" :data="index:cndex,item:ctem,htmlParseImg:htmlParseImg"></htmlParse4>
        </block>
    </view>
</template>
<template name="htmlParse4">
    <block v-if="item.tag == 'text'">
        <text :stylee="item.attr.style">{{item.text}}</text>
    </block>
    <block v-else-if="item.tag == 'img'">
        <htmlParseImg is="htmlParseImg" :data="item:item,htmlParseImg:htmlParseImg"></htmlParseImg>
    </block>
    <block v-else-if="item.tag == 'br'">
        <view class="br"></view>
    </block>
    <view v-else-if="item.child" :class="item.tag + ' ' + item.attr.class" :stylee="item.attr.style">
        <block v-for="(ctem, index) in item.child" :key="index">
            <htmlParse5 is="htmlParse5" :data="index:cndex,item:ctem,htmlParseImg:htmlParseImg"></htmlParse5>
        </block>
    </view>
</template>
<template name="htmlParse5">
    <block v-if="item.tag == 'text'">
        <text :stylee="item.attr.style">{{item.text}}</text>
    </block>
    <block v-else-if="item.tag == 'img'">
        <htmlParseImg is="htmlParseImg" :data="item:item,htmlParseImg:htmlParseImg"></htmlParseImg>
    </block>
    <block v-else-if="item.tag == 'br'">
        <view class="br"></view>
    </block>
    <view v-else-if="item.child" :class="item.tag + ' ' + item.attr.class" :stylee="item.attr.style">
        <block v-for="(ctem, index) in item.child" :key="index">
            <htmlParse6 is="htmlParse6" :data="index:cndex,item:ctem,htmlParseImg:htmlParseImg"></htmlParse6>
        </block>
    </view>
</template>
<template name="htmlParse6">
    <block v-if="item.tag == 'text'">
        <text :stylee="item.attr.style">{{item.text}}</text>
    </block>
    <block v-else-if="item.tag == 'img'">
        <htmlParseImg is="htmlParseImg" :data="item:item,htmlParseImg:htmlParseImg"></htmlParseImg>
    </block>
    <block v-else-if="item.tag == 'br'">
        <view class="br"></view>
    </block>
    <view v-else-if="item.child" :class="item.tag + ' ' + item.attr.class" :stylee="item.attr.style">
        <block v-for="(ctem, index) in item.child" :key="index">
            <htmlParse7 is="htmlParse7" :data="index:cndex,item:ctem,htmlParseImg:htmlParseImg"></htmlParse7>
        </block>
    </view>
</template>
<template name="htmlParse7">
    <block v-if="item.tag == 'text'">
        <text :stylee="item.attr.style">{{item.text}}</text>
    </block>
    <block v-else-if="item.tag == 'img'">
        <htmlParseImg is="htmlParseImg" :data="item:item,htmlParseImg:htmlParseImg"></htmlParseImg>
    </block>
    <block v-else-if="item.tag == 'br'">
        <view class="br"></view>
    </block>
    <view v-else-if="item.child" :class="item.tag + ' ' + item.attr.class" :stylee="item.attr.style">
        <block v-for="(ctem, index) in item.child" :key="index">
            <htmlParse8 is="htmlParse8" :data="index:cndex,item:ctem,htmlParseImg:htmlParseImg"></htmlParse8>
        </block>
    </view>
</template>
<template name="htmlParse8">
    <block v-if="item.tag == 'text'">
        <text :stylee="item.attr.style">{{item.text}}</text>
    </block>
    <block v-else-if="item.tag == 'img'">
        <htmlParseImg is="htmlParseImg" :data="item:item,htmlParseImg:htmlParseImg"></htmlParseImg>
    </block>
    <block v-else-if="item.tag == 'br'">
        <view class="br"></view>
    </block>
    <view v-else-if="item.child" :class="item.tag + ' ' + item.attr.class" :stylee="item.attr.style">
        <block v-for="(ctem, index) in item.child" :key="index">
            <htmlParse9 is="htmlParse9" :data="index:cndex,item:ctem,htmlParseImg:htmlParseImg"></htmlParse9>
        </block>
    </view>
</template>
<template name="htmlParse9">
    <block v-if="item.tag == 'text'">
        <text :stylee="item.attr.style">{{item.text}}</text>
    </block>
    <block v-else-if="item.tag == 'img'">
        <htmlParseImg is="htmlParseImg" :data="item:item,htmlParseImg:htmlParseImg"></htmlParseImg>
    </block>
    <block v-else-if="item.tag == 'br'">
        <view class="br"></view>
    </block>
    <view v-else-if="item.child" :class="item.tag + ' ' + item.attr.class" :stylee="item.attr.style">
        <block v-for="(ctem, index) in item.child" :key="index">
            <!--10级之后不再往下执行  template is="htmlParse9" data="{{index:cndex,item:ctem,htmlParseImg:htmlParseImg}}"/-->
        </block>
    </view>
</template>

<script> 
	
	export default {
		props: ["item.text","item.text","item.text","item.text","item.text","item.text","item.text","item.text","item.text","item.text"]
	}
</script> 
								